@charset "utf-8";

.news-first{border-bottom:1px solid #eee; text-align:center;}
.news-first .title{margin-bottom:20px; font-size:1.75em; color:#c04b4b;}
.news-first .title a{color:#c04b4b;}
.news-first ul{width:86%; margin:0 auto;}
.news-first ul li{position:relative;}
.news-first ul li:before{position:absolute; top:50%; left:-6px; content:""; margin-top:-8px; width:2px; height:20px; background-color:#b8b8b8;}
.news-first ul li:first-child:before{content:normal;}
.news-first ul li h4{font-size:1.25em;}
.news-first ul li h4 a{display:block; text-align:center;}
.news-slide{float:left; width:49%;}
.news-news{float:left; width:51%;}

.zwgk-card li a{display:block; position:relative; font-size:1.25em; background-color:#000; overflow:hidden;}
.zwgk-card li a img{display:block; width:100%; height:382px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.zwgk-card li a .inline{position:absolute; top:50%; left:50%; z-index:1; content:""; margin-top:-73px; margin-left:-98px; width:196px; height:146px;}
.zwgk-card li a .title{z-index:2; text-align:center; color:#fff;}
.zwgk-card li a .title:before{display:block; content:""; margin:25px auto 15px; width:50px; height:50px; background-image:url(../images/index_xxgk_icons.png); background-repeat:no-repeat;}
.zwgk-card li a .mask{z-index:1; background-color:#c84747; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.zwgk-card li a:hover .mask{top:0; left:0; margin:0; width:100%; height:100%;}
.zwgk-card li a:hover .title{margin-top:-80px;}
.zwgk-card li.li0 a .title:before{background-position:0 0;}
.zwgk-card li.li1 a .title:before{background-position:0 -50px;}


.zwgk-menus{margin-right:0!important; margin-left:0!important; padding-left:1px;}
.zwgk-menus li{width:16.66667%;}
/*.zwgk-menus li{width:20%;}*/
.zwgk-menus li a{margin-right:0!important; margin-left:-1px!important; padding:20px 0; border-right-color:#e5e5e5; border-left-color:#e5e5e5;}
.zwgk-menus li a:before{background-image:url(../images/index_xxgk_nav_icons.png);}
.zwgk-menus li a:hover{color:#ff4d24; background-color:#fafafa;}
.zwgk-menus li.li1 a:before{background-position:0 -45px;}
.zwgk-menus li.li2 a:before{background-position:0 -90px;}
.zwgk-menus li.li3 a:before{background-position:0 -135px;}
.zwgk-menus li.li4 a:before{background-position:0 -180px;}
.zwgk-menus li.li5 a:before{background-position:0 -225px;}
.zwgk-menus li.li6 a:before{background-position:0 -270px;}

.zwfw-bjtd{position:relative; padding-left:112px; line-height:30px;}
.zwfw-bjtd .title{position:absolute; top:0; left:0; font-size:1.125em; color:#c63f45;}
.zwfw-bjtd .title:after{position:absolute; top:50%; right:-20px; content:""; margin-top:-7px; width:1px; height:18px; background-color:#dcdcdc;}
.zwfw-bjtd ul li{float:left; margin-right:50px;}
.zwfw-card li a{position:relative; display:block; padding-top:120px;}
.zwfw-card li a .img{position:absolute; top:0; left:0; z-index:1; width:100%; height:206px; background-color:#000; overflow:hidden;}
.zwfw-card li a .img img{display:block; width:100%; height:auto; min-height:100%; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.zwfw-card li a .inline{position:relative; z-index:2; display:block; width:76%; margin-right:auto; margin-left:auto; text-align:center;  background-color:#fff; transition:all .3s ease}
.zwfw-card li a .inline b{display:block; padding:30px 30px 20px; font-size:1.125em; font-weight:normal;}
.zwfw-card li a .inline b:before{display:block; content:""; width:40px; height:40px; margin:0 auto 15px; background-repeat:no-repeat; background-image:url(../images/index_zwfw_icons.png);}
.zwfw-card li a .inline font{display:block; padding:0 30px 30px; color:#999; line-height:1.8em;}
.zwfw-card li a:hover .inline{color:#fff; background-color:#c24d4d; box-shadow:0 1px 12px rgb(153 153 153); -webkit-transform:translate3d(0,-.3rem,0); -moz-transform:translate3d(0,-.3rem,0); -o-transform:translate3d(0,-.3rem,0); transform:translate3d(0,-.3rem,0);}
.zwfw-card li a:hover .inline font{color:inherit;}
.zwfw-card li a:hover .inline b:before{background-image:url(../images/index_zwfw_icons_hover.png);}
.zwfw-card li.li1 a .inline b:before{background-position:0 -40px;}
.zwfw-card li.li2 a .inline b:before{background-position:0 -80px;}

.hdjl-card{}
.hdjl-card li a{position:relative; display:block; overflow:hidden;}
.hdjl-card li a .img{display:block; width:100%; height:238px; background-color:#000; overflow:hidden;}
.hdjl-card li a .img img{display:block; width:100%; height:auto; min-height:100%; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.hdjl-card li a .effects{position:absolute; right:0; left:0; top:0; bottom:0; z-index:2; }
.hdjl-card li a .effects:before{position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(192,75,75,0.80); content:""; z-index:1;
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; opacity:0;}
.hdjl-card li a .effects .table{position:relative; display:table; width:100%; height:100%;}
.hdjl-card li a .effects .table .inline{display:table-cell; vertical-align:middle; width:100%; height:100%; text-align:center; position:relative; z-index:2;}
.hdjl-card li a .effects .table .inline h1{display:block; height:50px; line-height:50px; color:#FFF; font-size:18px; font-weight:bold;-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;}
.hdjl-card li a .effects .table .inline h2{display:inline-block;}
.hdjl-card li a .effects .table .inline h2 b{display:none; height:50px; line-height:50px; color:#FFF; font-size:18px; font-weight:bold;}
.hdjl-card li a .effects .table .inline h2 span{display:none; width:100%; height:2px; background:#FFF; margin:0 auto 10px; transition-delay:0.2s;
	-moz-transition-delay:0.2s; /* Firefox 4 */
	-webkit-transition-delay:0.2s; /* Safari 和 Chrome */
	-o-transition-delay:0.2s;}
.hdjl-card li a .effects .table .inline em{display:none; color:#fff; height:30px; line-height:30px; overflow:hidden; padding:0 10px;  font-style:normal;}
.hdjl-card li a:hover .effects:before{-webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform: scale(1); opacity:1;}
.hdjl-card li a:hover .effects .table .inline h1{display:none;}
.hdjl-card li a:hover .effects .table .inline h2 b,
.hdjl-card li a:hover .effects .table .inline h2 span,
.hdjl-card li a:hover .effects .table .inline em{display:block;}
.hdjl-ftList{padding-top:20px;}
.hdjl-ftList li{padding-top:21px; padding-bottom:21px;}
.hdjl-ftList li a{position:relative; display:block; padding-left:78px;}
.hdjl-ftList li a h5{padding-top:6px; color:#999;}

@media (max-width:1440px) {
.news-first ul{width:100%;}	
.zwgk-card li a img{height:354px;}
.zwfw-bjtd ul li{margin-right:40px;}
.zwfw-card li a .inline{min-height:214px;}
.zwfw-card li a .inline b{padding:20px 20px 15px;}
.zwfw-card li a .inline font{padding:0 20px 20px;}
}

@media (max-width:1360px) {
.news-first .title{margin-bottom:20px; font-size:1.5em; font-weight:bold;}
.zwfw-bjtd ul li{margin-right:30px;}
.zwfw-bjtd .title:after{right:-24px;}
}

@media (max-width:991px) {
.news-first ul li{float:left; width:33.33333%;}
.news-slide{float:none; width:auto;}
.news-news{float:none; width:auto;}	
.zwgk-card{float:left; width:50%;}
.zwgk-card li a img{height:auto;}
.zwgk-menus{padding-bottom:16px;}
.zwgk-menus li{width:33.33333%;}
.zwgk-menus li a{margin-bottom:-1px!important; border-top-color:#e5e5e5; border-bottom-color:#e5e5e5;}
.zwfw-card .module-span4{float:left; width:33.33333%;}
.zwfw-card li a{padding-top:20%;}
.zwfw-card li a .img{height:auto;}
.zwfw-card li a .inline{min-height:inherit; padding-bottom:10px;}
.zwfw-card li a .inline font{display:none;}
.zwfw-bjtd ul li{margin-right:20px;}
.hdjl-card{margin-right:0; margin-left:0;}

.hdjl-card li{float:left; width:50%;}
.hdjl-card li a{display:block; margin-right:8px; margin-left:7px;}
.hdjl-card li a .img{height:auto;}
.hdjl-ftList{padding-top:0;}
.hdjl-ftList li{padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ededed;}
}

@media (max-width:768px) {
.news-first .title{margin-bottom:10px; font-size:1.375em;}
.news-first ul li{float:left; width:100%; padding-top:6px; padding-bottom:6px;}
.news-first ul li:before{content:"" !important; width:5px; height:18px; margin-top:-9px; background-color:#e45858;}
.news-first ul li h4{padding-left:10px; font-size:1.125em;}
.news-first ul li h4 a{text-align:left;}
.zwfw-card li a{padding-top:0;}
.zwfw-card li a .img{display:none;}
.zwfw-card li a .inline{width:100%; padding-bottom:0;}
.zwfw-card li a .inline b{padding-top:15px; padding-right:0; padding-left:0;}
.zwfw-card li a .inline b:before{margin-bottom:10px;}	
}

@media (max-width:680px) {
	
}

@media (max-width:480px) {
.zwgk-card li a{font-size:1.125em;}
.zwgk-card li a .inline{width:150px; height:130px; margin-top:-65px; margin-left:-75px;}
.zwgk-menus li{width:50%;}
.zwgk-menus li a{padding:15px 0;}
.hdjl-card li a .effects .table .inline em{display:none !important;}
}

@media (max-width:360px) {
.zwgk-card{width:100%;}	
.hdjl-card li{width:100%;}
}
